@import "base";
.footer{
    display: flex;
    justify-content:space-around;
    background: #FAF8F8;
    padding: px2rem(16px, $base-font-size);
    position: fixed;
    bottom: 0;
    width: 100%;
    .footer-item{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        .footer-item-icon{
            width: px2rem(42px, $base-font-size);
            height: px2rem(42px, $base-font-size);
            overflow: hidden;
        }
        .index{
            background: url('../imgs/home-no@2x.png');
            background-size: 100%;
        }
        .user{
            background: url('../imgs/user-no@2x.png');
            background-size: 100%;
        }
        .footer-item-text{
            color: #AAAAAA;
            margin-top: px2rem(8px, $base-font-size);
        }
    }
    .active{
        .footer-item-text{
            color: #FF9C2C;
        }
        .index{
            background: url('../imgs/home@2x.png');
            background-size: 100%;
        }
        .user{
            background: url('../imgs/user@2x.png');
            background-size: 100%;
        }
    }
}
